html,
body {
margin: 0;
padding: 0;
height: 100%;
}
body {
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
text-align: left;
font-size: 12px;
color: #333333;
}
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
a {
color: #0088cc;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a.outbound {
color: #4fa319;
font-weight: bold;
}
a.unavailable {
color: #888888;
text-decoration: none;
}
a.unavailable:hover {
text-decoration: underline;
}
img.unavailable {
opacity: 0.50;
filter: alpha(opacity=50);
}
a.favicon {
background-position: left 1px;
background-repeat: no-repeat;
line-height: 16px;
padding: 2px 0 2px 20px;
}
a img {
border: 0;
}
#popup_body {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
background-color: #ffffff;
width: 800px;
height: 600px;
}
#popup_body #header {
margin-bottom: 32px;
}
#popup_body form {
margin-left: 32px;
margin-right: 32px;
}
#body {
min-height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
background-color: #ffffff;
}
#body:after {
content: '';
clear: both;
display: block;
}
#body > #header {
padding-left: 8px;
padding-right: 8px;
margin-bottom: 32px;
}
#body > .page,
#body > #maintenance_msg {
margin-left: auto;
margin-right: auto;
}
.unread_activity {
display: inline-block;
padding: 2px;
margin-right: 4px;
background-color: #de0000;
color: #ffffff;
text-align: center;
border-radius: 2px;
min-width: 16px;
min-height: 16px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
}
#header_big {
line-height: 1.34;
}
#nav_signin ul.inline.actions > li + li:before {
margin-right: 8px;
color: #cccccc;
content: '-';
}
.search_form .search_box .query {
height: 16px;
padding-left: 2px;
border-width: 0px;
line-height: 18px;
border: 1px solid #cccccc;
border-right-width: 0px;
}
.search_box .searchsubmit {
font-size: 0.9em;
}
.search_button {
width: 20px;
cursor: pointer;
margin-right: 1px;
vertical-align: middle;
text-align: center;
line-height: 18px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -944px; */
height: 20px;    background-scroll: scroll; 
}
.optionsmenu {
width: 18px;
height: 18px;
outline: none;
cursor: pointer;
border-color: #cccccc;
border-style: solid;
border-width: 1px 0;
}
.optionsmenu .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -936px; */
height: 6px;    width: 10px;
margin: 6px 4px;
}
.search_box select {
font-size: 0.9em;
}
table {
font-size: inherit;
}
select,
input,
textarea {
font-size: 99%;
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
hr {
color: #e6e6e6;
background-color: #e6e6e6;
border: 0;
height: 1px;
}
pre,
code {
font-family: Courier, monospace;
}
table {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
form {
padding: 0; margin: 0;
}
h1 {
font-size: 1.7em;
font-weight: normal;
margin-bottom: 8px;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5 {
font-size: 1.0em;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong {
color: #0088cc;
}
ul {
margin: 0;
padding: 0;
list-style: none outside;
}
.wide .mod, .wide .tall, .wide .wide, .left {
float: left;
}
.tall .wide, .tall .mod {
clear: both;
}
.mod, .box {
position: relative;
margin-bottom: 20px;
}
.box .subheader {
margin-top: 2px;
}
.winners {
clear: both;
}
.msgs {
text-align: center;
font-size: 1.2em;
list-style: none outside;
border: 1px solid #e6e6e6;
padding: 16px;
margin-top: 16px;
margin-bottom: 16px;
border-radius: 8px;
-ms-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
width: 60%;
}
.error {
color: #de0000;
}
.msgs .error {
text-align: left;
}
.block,
.whiteblock {
display: none;
border: 0;
position: fixed;
top: 0px;
left: 0px;
background-color: #000000;
width: 100%;
height: 100%;
}
.block {
opacity: 0.50;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
}
.whiteblock {
opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "alpha(opacity=0)";
}
.dragproxy {
padding: 2px;
border: 1px solid #999999;
position: absolute;
display: none;
z-index: 10000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.proxylayer {
position: absolute;
top: 0;
left: 0;
}
.dropproxy {
position: absolute;
}
.ie .dropproxy {
background-color: #ffffff;
filter: alpha(opacity=0);
}
.sum {
color: #000000;
font-size: 1.5em;
}
.sum img {
vertical-align: middle;
}
.meta,
a .meta,
.meta .clickable {
color: #888888;
}
.meta.clickable,
.meta .clickable,
.meta.hover_clickable,
.meta .hover_clickable {
color: #888888;
text-decoration: none;
}
.username {
font-size: 1.5em;
font-weight: normal;
}
.buddyicon_li {
background-position: left center;
background-repeat: no-repeat;
line-height: 24px;
padding: 4px 0 4px 28px;
}
.buddyicon_t {
background-position: left center;
background-repeat: no-repeat;
line-height: 54px;
padding: 22px 0 22px 54px;
}
.icon {
font-size: 16px;
}
.small {
font-size: 50px;
}
.full {
width: 100%;
}
.half {
width: 50%;
}
.third {
width: 33%;
}
.twothird {
width: 67%;
}
.clear {
clear: both;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
br.clear {
display: block;
line-height: 0px;
font-size: 0px;
}
.debug {
border: 1px dotted #de0000;
}
.clickable {
color: #0088cc;
cursor: pointer;
cursor: hand;
}
.clickable:hover {
text-decoration: underline;
}
.hover_clickable {
color: #333333;
text-decoration: none;
}
.hover_clickable:hover {
color: #0088cc;
cursor: pointer;
cursor: hand;
text-decoration: underline;
}
.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
-khtml-user-drag: none;
-webkit-user-drag: none;
}
.hint {
position: relative;
cursor: help;
m: expression(
this.onmouseover = new Function("this.className='hint hover';"),
this.onmouseout = new Function("this.className='hint';"));
}
.hint:hover, .hint.hover {
background-color: #cccccc;
}
.hint .tooltip {
display: none;
color: #000000;
}
.tooltip .tall .details {
padding-bottom: 8px;
}
.tooltip .wide .details {
padding-left: 8px;
}
.tooltip .tall .title {
font-size: 1.1em;
}
.tooltip span.saveit,
.tooltip span.likeit {
cursor: pointer;
}
.tooltip span.saveit:hover {
text-decoration: underline;
}
.tooltip .saveit {
background-image: none;
padding-right: 0px;
}
.tooltip .likeit {
/*background-image: url(icons/cr/red/favorite.gif);*/
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.tooltip .add_contact {
/*background-image: url(icons/cr/lblue/user.gif);*/
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.tooltip div.empty_set {
float: left;
border: 1px solid #e6e6e6;
}
.tooltip a div.empty_set {
cursor: pointer;
}
.tooltip div.lookbook_size_m div.empty_set {
width: 148px;
height: 148px;
margin: 0 16px 16px 0;
}
.tooltip div.lookbook_size_m img {
padding: 0 16px 16px 0;
float: left;
}
.hint:hover .tooltip,
.hint.hover .tooltip {
display: block;
}
#progress {
position: absolute;
top: 0px;
right: 0px;
color: #ffffff;
background-color: #de0000;
padding: 2px;
display: none;
}
.tooltip {
position: absolute;
width: 350px;
padding: 8px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
.msg_tooltip {
border-radius: 0px;
-ms-border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background-color: #fff1a8;
width: 250px;
}
.tooltip .container {
overflow: hidden;
padding-top: 8px;
}
.tooltip_stem {
position: absolute;
}
.tooltip_stem_lt, .tooltip_stem_lc, .tooltip_stem_lb {
/*background: url(icons/tool_tip_yellow_right.png) no-repeat 0 0;*/
height: 34px;
width: 21px;
}
.ie .tooltip_stem_lt, .ie .tooltip_stem_lc, .ie .tooltip_stem_lb {
/* background: url(icons/tool_tip_yellow_right.gif) no-repeat 0 0; */
height: 21px;
width: 13px;
}
.tooltip_stem_rt, .tooltip_stem_rb, .tooltip_stem_rc {
/* background: url(icons/tool_tip_yellow_left.gif) no-repeat 0 0; */
height: 21px;
width: 13px;
}
.tooltip_stem_bl, .tooltip_stem_bc, .tooltip_stem_br {
/* background: url(icons/tool_tip_yellow_up.gif) no-repeat 0 0; */
height: 13px;
width: 21px;
}
.tooltip_stem_tl, .tooltip_stem_tc, .tooltip_stem_tr {
/* background: url(icons/tool_tip_yellow_down.png) no-repeat 0 0; */
height: 20px;
width: 36px;
}
.ie .tooltip_stem_tl, .ie .tooltip_stem_tc, .ie .tooltip_stem_tr {
/* background: url(icons/tool_tip_yellow_down.gif) no-repeat 0 0; */
height: 13px;
width: 21px;
}
.emptymsg {
position: absolute;
top: 30%;
width: 100%;
left: 0;
color: #888888;
text-align: center;
display: none;
}
.empty .emptymsg {
display: block;
}
#panel .emptymsg {
font-size: 2.0em;
}
.resultset > div.hd,
.resultset > table.hd {
border-bottom: 1px solid #cccccc;
}
.resultset > div.spacer {
height: 16px;
}
.resultset table.hd > tbody > tr > td.hd {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.resultset table.hd > tbody > tr > td > * {
line-height: 18px;
}
.resultset div.hd div.pad {
padding: 4px;
font-size: 0.9em;
}
.resultset.no_tabs div.bd {
border: 1px solid #cccccc;
border-width: 0 1px 1px 1px;
}
table.toolbar_row {
width: 100%;
margin-top: 4px;
}
table.toolbar_row:first-child {
margin-top: 0;
}
table.toolbar_row td.cell {
vertical-align: middle;
white-space: nowrap;
width: 1%;
padding-right: 4px;
}
table.pagination_compact td.component {
vertical-align: middle;
white-space: nowrap;
width: 1%;
padding-right: 2px;
text-align: center;
}
table.toolbar_row td.cell_right,
table.pagination_compact td.component_right {
vertical-align: middle;
white-space: nowrap;
width: 1%;
}
.resultset {
height: 100%;
}
.resultset .sub .content {
padding: 16px 16px 8px 16px;
}
.resultset .sub.full .content {
background-color: #ffffff;
width: 100%;
position: absolute;
box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.15);
}
.resultset .sub .separator {
height: 1px;
clear: both;
border-bottom: solid #cccccc 1px;
margin: 16px 6px 8px 6px;
}
.resultset .sub .content .separator {
margin: 0px;
}
.resultset .sub h4 {
font-size: 1.4em;
}
.resultset .sub .tease {
margin-top: 8px;
margin-bottom: 8px;
max-height: 32px;
}
.resultset .sub.full .content .tease {
max-height: none;
}
.resultset .sub .tease_more {
margin-bottom: 8px;
}
.resultset .sub .header {
margin: 4px 6px -4px 6px;
color: #999999;
text-align: right;
}
.resultset .bd {
clear: both;
overflow-y: auto;
overflow-x: hidden;
height: 100%;
}
.resultset .bd h5.subheader {
clear: both;
padding: 2px;
border-bottom: 1px solid #cccccc;
margin-bottom: 4px;
margin-top: 4px;
}
.empty span.next,
.empty span.prev,
.resultset .disabled {
opacity: 0.3;
filter: alpha(opacity=30);
}
.resultset .dropdowntext {
display: block;
min-width: 78px;
width: 100%;
}
.resultset .dropdowntext img {
vertical-align: middle;
}
.resultset span.caption {
font-weight: bold;
margin-right: 4px;
}
.dropdowntext td {
padding: 0;
display: block;
vertical-align: middle;
}
.dropdowntext .ddt_td {
width: 99%;
}
.dropdowntext .ddt_td .ddt_input {
border: 1px solid #cccccc;
border-right: 0;
cursor: default;
display:block;
font-weight: bold;
height: 14px;
width:99%;
min-width: 60px;
padding: 0px;
}
.dropdowntext .ddt_td .input_hint {
font-weight: normal;
}
.dropdowntext td.arrow {
width: 1%;
}
div.downarrow {
width: 15px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat -1px  -72px; */
height: 16px;    cursor: pointer;
cursor: hand;
}
.disabled div.downarrow {
cursor: default;
}
.clearonly div.downarrow {
/* background: url(icons/cr/gray/close.gif) no-repeat scroll right top; */
}
.dropdown {
position: absolute;
background-color: #ffffff;
border: 1px solid #cccccc;
overflow-x: hidden;
overflow-y: auto;
float: left;
}
.dropdown .clearnode {
text-align: center;
}
.dropdown .close {
position: absolute;
right: 8px;
top: 4px;
}
.tooltip > .close {
color: #aaaaaa;
cursor: pointer;
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
position: absolute;
right: 0px;
top: 0px;
padding: 3px 10px 2px 8px;
font-size: 20px;
}
.tooltip > .close:hover {
color: #333333;
}
.dropdown .hd {
padding-bottom: 4px;
padding-right: 16px;
}
.dropdown .caption {
font-style: italic;
}
.dropdown .sortby, .dropdown .actions {
font-size: 0.9em;
}
.dropdown .sortby ul {
list-style: none;
display: inline;
}
.dropdown .sortby li {
display: inline;
padding: 2px;
color: #0088cc;
cursor: pointer;
text-decoration: underline;
}
.dropdown .sortby li.sorted {
color: #000000;
text-decoration: none;
font-weight: bold;
cursor: auto;
}
.dropdown .hint {
color: #888888;
}
.dropdown .selected {
color: #000000;
font-weight: bold;
}
.dropdown .column {
float: left;
margin: 0px;
list-style: none outside;
overflow: hidden;
}
.dropdown .column li {
padding: 0px;
margin: 0px;
overflow: hidden;
}
.tab div.color {
height: 14px;
width: 14px;
}
.dropdown .column span.zerospace {
font-size: 0px;
}
.dropdown .column .count {
color: #999999;
}
.dropdown .column a:hover .count, .dropdown .column .selected .count {
color: #666666;
}
.dropdown .column a {
display: block;
height: 100%;
color: #000000;
background-color: #ffffff;
cursor: default;
text-decoration: none;
padding: 2px;
overflow: hidden;
}
.dropdown .column a:hover, .dropdown .column .selected a {
color: #000000;
background-color: #cccccc;
font-weight: bold;
}
.dropdown .ft {
text-align: right;
clear: both;
}
.dropdown ul.subtree li.node {
padding-left: 16px;
display: block;
}
.hidden {
display: none;
}
.invisible {
visibility: hidden;
}
.hidden img, .invisible img {
color: #abcdef;
}
.hider {
overflow: hidden;
}
.inactive {
color: #888888;
}
.close {
margin-left: 4px;
}
a.grid {
margin: 6px -3px -3px 6px;
padding: 2px;
background-color: #ffffff;
border: 1px solid #ffffff;
float: left;
display: block;
cursor: hand;
}
a.grid:hover {
border: 1px solid #cccccc;
}
a.hoverborder {
margin: 6px -3px -3px 6px;
padding: 2px;
border: 1px solid #ffffff;
background-color: #ffffff;
display: block;
cursor: hand;
}
a.hoverborder:hover {
border: 1px solid #cccccc;
}
a.selected {
background-color: #ff9933;
}
a.selected img {
opacity: 0.8;
filter: alpha(opacity=80);
}
.list {
margin: 0;
padding: 0;
list-style: none outside;
clear: both;
}
.list ul {
margin: 0;
padding: 0;
list-style: none outside;
}
.list .left {
margin-right: 8px;
overflow: hidden;
}
.list li {
margin-bottom: 4px;
}
table.listing {
width: 100%;
word-wrap: break-word;
}
table.listing td {
vertical-align: top;
padding-bottom: 8px;
}
table.listing td.image.small {
width: 110px;
}
table.listing td.image img {
border: 1px solid #e6e6e6;
padding: 4px;
}
table.listing td.body {
padding-left: 8px;
}
.right {
float: right;
}
.title {
font-weight: bold;
}
.createdon {
color: #cccccc;
}
.gap {
margin: 0 8px 8px 0;
}
.highlight,
.admin {
background-color: #fff1a8;
}
.moderator_highlight {
background-color: #ffecca;
}
.explain {
font-size: 0.9em;
color: #888888;
}
.dialog .stdform {
width: 554px;
max-width: 554px;
}
.fieldset {
width: 100%;
min-width: 300px;
vertical-align: top;
text-align: left;
}
.fieldset .header {
border-top: 1px solid #999999;
}
.fieldset .repeat li {
margin-bottom: 4px;
}
.fieldset .repeat .add_row {
line-height: 16px;
/* background: url icons/cr/green/add.gif) no-repeat 2px center; */
padding: 2px 0 2px 20px;
}
.fieldset .repeat .del_row {
line-height: 16px;
/* background: url(icons/cr/red/remove.gif) no-repeat 2px center; */
padding: 2px 0 2px 20px;
}
.fieldset .spacer {
font-size: 1%;
border-bottom: 1px solid #cccccc;
padding-top: 16px;
}
.fieldset .word_spacer {
text-align: center;
color: #4fa319;
padding: 8px 0 8px 0;
}
.fieldset tr {
vertical-align: top;
}
.fieldset .form_multiline .label,
.fieldset .form_textarea .label,
.fieldset .form_text_repeated .label,
.fieldset .form_popup_selector .label,
.fieldset .form_strip_selector .label,
.fieldset .form_builder_selector .label,
.fieldset .form_captcha .label,
.fieldset .form_ro_img .label {
vertical-align: top;
}
.fieldset .label {
font-weight: bold;
vertical-align: middle;
text-align: right;
width: 25%;
padding: 16px 10px 0px 0px;
max-width: 200px;
}
.fieldset .vertical label {
display: block;
margin-bottom: 4px;
}
.fieldset .value {
vertical-align: top;
text-align: left;
width: 300px;
padding-top: 16px;
}
.fieldset .nolabel {
padding-left: 8%;
}
.fieldset .full {
width: 300px;
}
.fieldset textarea {
margin: 0px;
padding: 8px;
width: 300px;
}
.fieldset img.roimg {
border: 1px solid #999999;
padding: 4px;
display: block;
}
.fieldset .rofullspan {
text-align: center;
}
.fieldset h5 {
text-align: center;
font-size: 1.2em;
}
.fieldset .error {
font-size: 0.9em;
color: #de0000;
}
.fieldset .error .highlight {
background-color: #ffc333;
}
.fieldset .checkboxes {
overflow: auto;
}
.fieldset .checkboxes.horizontal {
overflow: hidden;
width: 76%;
}
.fieldset table.checkboxes .checkbox {
padding: 0 16px 8px 0;
display: inline-block;
}
.fieldset .value > input[type='checkbox'],
.fieldset .value > input[type='radio'] {
margin: 0 4px 0 0;
padding: 0;
}
.fieldset .value > .checkbox {
line-height: 16px;
}
.fieldset .value > .checkbox * {
vertical-align: middle;
}
.fieldset .value > .horizontal .checkbox {
padding-right: 2px;
}
.fieldset .value > input[type='text'],
.fieldset .value > .username_status > input[type='text'],
.fieldset .value > input[type='password'] {
padding: 4px;
margin: 0px;
width: 300px;
}
.fieldset .value > button,
.fieldset .value > input[type="reset"],
.fieldset .value > input[type="button"],
.fieldset .value > input[type="submit"],
.fieldset .value > .button_list input[type="submit"] {
font-weight: bold;
padding: 2px;
}
.fieldset .value > .button_list > * {
margin-right: 10px;
}
.fieldset .value > input[disabled] {
opacity: 0.5;
filter: alpha(opacity=50);
}
.fieldset .value > input[type='text'].url {
width: 200px;
}
input[type='text'].url {
color: #0088cc;
text-decoration: underline;
}
.copypaste {
font-size: 0.9em;
}
.embed textarea.copypaste {
overflow: hidden;
padding: 4px;
width: 250px;
height: 13.5em;
border: 1px solid #cccccc;
}
.embed .label {
text-align: left;
}
.embed .imagearea {
overflow: hidden;
padding-bottom: 16px;
}
.required {
font-weight: bold;
color: #de0000;
}
.tip {
line-height: 16px;
/* background: url(icons/cr/lblue/info.gif) no-repeat left center; */
padding: 2px 0 2px 20px;
}
.warning {
line-height: 16px;
/* background: url(icons/cr/red/warning.gif) no-repeat left center; */
padding: 2px 0 2px 20px;
}
.action {
cursor: pointer;
font-weight: normal;
white-space: nowrap;
}
.action:hover {
text-decoration: underline;
}
.set .box {
width: 100%;
}
.bordered {
border: 1px solid #e6e6e6;
}
.set img,
img.bordered {
border: 1px solid #e6e6e6;
background-color: #ffffff;
padding: 4px;
margin: 0 2px 2px 0;
}
a.bordered {
text-decoration: none;
}
img.favicon {
vertical-align: middle;
border: 0;
padding: 0;
margin: 0;
}
img.icon {
width: 20px;
height: 20px;
vertical-align: middle;
}
.box .hd ul.actions,
.box .hd ul.actions > li {
display: inline;
margin-right: 4px;
}
.box .hd {
margin-bottom: 4px;
position: relative;
overflow: hidden;
}
.box .hd h2 {
float: left;
display: inline;
margin-right: 8px;
white-space: nowrap;
}
.box .bd {
position: relative;
}
ul.inline {
margin: 0px;
}
ul.inline,
ul.inline li {
display: inline;
margin-right: 6px;
list-style: none outside;
}
ul.inline {
display: inline;
list-style: none outside;
}
ul.inline strong {
background-color: #ffffff;
}
ul.actions {
list-style: none outside;
padding: 0;
}
ul.actions.inline > li.actions > span {
margin-right: 6px;
float: left;
}
ul.actions .fieldset {
width: auto;
min-width: auto;
}
.NE {
position: absolute;
right: 0;
top: 0;
text-align: right;
}
.NW {
position: absolute;
left: 0;
top: 0;
}
.SW {
position: absolute;
left: 0;
bottom: 0;
}
.SE {
position: absolute;
right: 0;
bottom: 0;
}
.input_hint {
color: #999999;
}
div.grid {
float: left;
}
div.grid .under {
text-align: center;
display: block;
color: #888888;
padding-bottom: 4px;
font-size: 0.9em;
overflow: hidden;
white-space: nowrap;
height: 1.3em;
}
div.grid .under_long,
div.mixed_grid .under {
text-align: center;
display: block;
color: #888888;
padding-bottom: 4px;
font-size: 0.9em;
overflow: hidden;
height: 2.3em;
margin-bottom: 4px;
}
div.grid .size_t { width: 58px; }
div.grid .size_s { width: 108px; }
div.grid .size_m { width: 158px; }
div.grid .size_l { width: 308px; }
div.grid .under a,
div.grid .under_long a {
color: #888888;
}
div.grid .under_shop {
text-align: center;
display: block;
padding-bottom: 4px;
overflow: hidden;
white-space: nowrap;
height: 2.3em;
}
.shop_grid .size_m {
width: 140px;
font-size: 0.9em;
}
.notbuyable {
min-width: 460px;
position: relative;
}
.notbuyable .box .hd {
text-align: center;
}
ul.color_tags li {
float: left;
margin: 0 2px 2px 0;
padding: 0;
}
ul.color_tags a, .color_block {
text-decoration: none;
display: block;
width: 16px;
height: 16px;
border: 1px solid #999999;
}
div.color_grid {
width: 210px;
overflow: hidden;
}
.dropdown div.color_grid {
padding: 5px 4px 4px 5px;
}
div.color_grid .color_block {
float: left;
width: 12px;
height: 12px;
border: 1px solid #999999;
margin: 0px 1px 1px 0px;
}
div.color_grid a.color_block {
text-decoration: none;
display: block;
}
.ie7 div.color_grid .color_block.glow,
.ie8 div.color_grid .color_block.glow {
width: 10px;
height: 10px;
border: 0;
margin: -1px 0px 0px -1px;
}
div.color_grid .color_empty {
float: left;
width: 14px;
height: 14px;
padding: 1px 1px 0 0;
text-align: center;
color: #cccccc;
font-size: 11px;
}
.ie7 div.color_grid .color_empty,
.ie8 div.color_grid .color_empty {
padding: 0px 1px 0 0;
height: 15px;
}
.glow {
outline-width: 2px;
outline-offset: -2px;
outline-color: #3875d7;
outline-style: solid;
-moz-outline-radius: 4px;
outline-color: -webkit-focus-ring-color;
}
.ie7 .glow,
.ie8 .glow {
filter: progid:DXImageTransform.Microsoft.Glow(Color=#0000ff,Strength=3);
}
#form p {
margin: 0 0 4px 0;
}
#form {
width: 90%
}
#form ul li {
line-height: 1.5em;
margin-bottom: 4px;
}
.subform {
display: none;
border: 1px solid #cccccc;
padding: 4px;
margin: 4px 4px 4px 16px;
}
.slot_delete_icon {
position: absolute;
top: 2px;
right: 2px;
width: 16px;
height: 16px;
/* background-image: url(icons/cr/red/close.gif); */
background-position: left top;
background-repeat: no-repeat;
cursor: pointer;
}
.floater {
background-color: #eeeeee;
border: 2px solid #999999;
cursor: move;
display: none;
z-index: 300;
}
.description {
margin: 4px 0 4px 0;
color: #333333;
line-height: 1.2em;
}
.resultset .no_results {
text-align: center;
padding-top: 16px;
color: #888888;
}
.resultset .more {
background-position: 0 center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
/* background-image: url(img/throbber.gif); */
line-height: 16px;
visibility: hidden;
font-size: 1.2em;
color: #888888;
margin-top: 32px;
}
.no_results {
font-size: 1.2em;
padding: 16px 0 16px 0;
float: left;
width: 100%;
}
.longtext {
text-align: left;
line-height: 16px;
margin: 0;
max-width: 600px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}
textarea.longtext {
display: block;
width: 90%;
padding: 4px;
margin: 0px;
border: 1px solid #cccccc;
}
.nextsteps {
margin-top: 10px;
}
ul.nextsteps li {
margin-bottom: 6px;
}
ul.nextsteps li a {
/* background-image: url(icons/cr/lblue/play.gif); */
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.attention_box {
background-color: #fff1a8;
padding: 4px;
position: relative;
}
.attention_box .section {
padding-bottom: 16px;
}
.attention_box .close {
position: absolute;
right: 4px;
top: 4px;
}
.group_grid {
width: 212px;
height: 100px;
padding: 4px;
margin: 0 2px 2px 0;
}
.groups > .group {
overflow: hidden;
margin-bottom: 16px;
}
.groups > .group > .visual {
float: left;
padding: 4px;
border: 1px solid #e6e6e6;
margin-right: 8px;
}
.groups > .group > .body > .name {
display: block;
}
.promo {
padding: 8px 0;
clear: both;
}
.price {
font-weight: bold;
}
.orig_price {
color: #888888;
text-decoration: line-through;
}
.nofirst {
border-left: 1px solid #cccccc;
margin-left: 0.2em;
padding-left: 0.5em;
}
.ad {
padding: 4px;
text-align: center;
}
.tease_container {
margin-bottom: 8px;
}
.tease {
overflow: hidden;
line-height: 16px;
max-width: 600px;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}
.tease_more {
font-size: 0.9em;
}
.ralign {
margin-left: auto;
margin-right: 0;
}
div.bar_graph {
width: 100%;
min-width: 50px;
border: 1px solid #cccccc;
}
div.bar_graph div {
background-color: #0088cc;
height: 8px;
font-size: 1px;
}
span.new {
color: #de0000;
}
span.valid {
color: #4fa319;
/* background: url(icons/cr/green/check.gif) no-repeat scroll left center; */
line-height: 16px;
padding: 2px 2px 2px 20px;
margin-left: 4px;
}
span.invalid {
color: #de0000;
/* background: url(icons/cr/red/warning.gif) no-repeat scroll left center; */
line-height: 16px;
padding: 2px 2px 2px 20px;
margin-left: 4px;
}
.fieldset span.country_icon {
background-position: right center;
background-repeat: no-repeat;
line-height: 16px;
padding: 2px 20px 2px 0px;
}
.drop_shadowed,
.dropdown,
.dragproxy {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}
form .strip_selector .item img {
padding: 4px;
background-color: #ffffff;
}
form .strip_selector .item {
border: 1px solid #999999;
margin: 0 4px 4px 0;
float: left;
padding: 2px;
}
div.fitted_image {
overflow: hidden;
display: table-cell;
text-align: center;
vertical-align: middle;
}
div.fitted_image * {
vertical-align: middle;
}
#admin_links {
position: fixed;
border: 1px solid #cccccc;
background-color: #ffffff;
bottom: 0px;
right: 0px;
padding: 4px;
z-index: 2;
}
.admin_links li.actions {
line-height: 20px;
}
.adminaction {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1200px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
color: #de0000;
}
.adminaction .clickable {
color: #de0000;
}
.admin_only {
color: #de0000;
}
.status_msg {
color: #888888;
}
table.centermiddle {
vertical-align: middle;
height:100%;
margin:0% auto;
border-spacing:0;
}
table.centermiddle tr.centermiddlerow {
vertical-align: middle;
}
table.centermiddle td.centermiddlecell {
vertical-align: middle;
}
.ad_explain {
font-size: 0.9em;
color: #888888;
}
img:-moz-broken {
overflow: hidden;
display: inline-block;
}
#polyvore_css_load_test {
display: none;
}
.sprite {
float: left;
}
a[hidefocus=hidefocus] {
outline: none;
}
.wk .translate3d {
-webkit-transform: translate3d(0, 0, 0);
}
.strike {
text-decoration: line-through;
}
.confirmation {
padding: 12px 20px 12px 20px;
}
.confirmation > .title {
font-size: 1.5em;
font-weight: bold;
}
.first_follow {
padding: 16px;
}
.first_follow h2 {
font-size: 1.3em;
}
.first_follow h2 img.buddyicon {
vertical-align: middle;
}
.stripey {
background: url() repeat 0 0;
}
.filling_block {
display: block;
overflow: hidden;
}
hr {
margin-top: 16px;
margin-bottom: 16px;
background-color: #cccccc;
}
.uic h1 {
font-size: 2.0em;
font-weight: normal;
line-height: 1.14;
margin-bottom: 4px;
}
.tooltip_overlay .outbound {
display: inline-block;
margin-bottom: 16px;
}
.newform > .input + .input.type_text,
.newform > .input + .input.type_textarea,
.newform > .input + .input.type_checkbox,
.newform > .input + .input.type_password {
margin-top: 8px;
}
.newform > .input + .input.type_buttons {
margin-top: 16px;
}
.newform > .input.type_text > label,
.newform > .input.type_textarea > label,
.newform > .input.type_checkbox > label,
.newform > .input.type_username > label,
.newform > .input.type_password > label {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
}
.newform > .input > .value > input[type='text'],
.newform > .input > .value > input[type='textarea'],
.newform > .input > .value > input[type='password'] {
width: 300px;
padding: 4px;
}
.newform > .input.type_buttons > .value > ul.horizontal > li {
margin-right: 8px;
line-height: 26px;
padding: 0;
display: inline;
}
.newform > .input > .error,
.newform > .input > .input_hint {
font-size: 0.9em;
}
.newform > .required_input > label:after,
.newform > .required_input > .label:after {
content: '*';
display: inline;
color: #de0000;
}
.mod_arrow,
.mod_arrow:after {
display: inline-block;
margin: 0;
padding: 0;
border: 0;
}
.mod_arrow:after {
content: '';
border: 4px solid transparent;
position: relative;
width: 0;
height: 0;
}
.mod_arrow.blue {
border-color: #0088cc;
}
.mod_arrow.yellow {
border-color: #fff1a8;
}
.mod_arrow.up:after {
border-top: 0;
border-bottom-color: inherit;
}
.mod_arrow.right:after {
border-right: 0;
border-left-color: inherit;
}
.mod_arrow.down:after {
border-bottom: 0;
border-top-color: inherit;
}
.mod_arrow.left:after {
border-left: 0;
border-right-color: inherit;
}
.ff .mod_arrow.down::after {
right: 4px;
}
.accontainer {
position: absolute;
display: none;
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 4px;
cursor: default;
overflow: auto;
overflow-x: hidden;
}
.accontainer ul {
list-style: none outside;
margin: 0;
padding: 0;
}
.accontainer ul li.strings {
margin: 0;
padding: 2px 4px 4px 4px;
}
.accontainer .type_container {
width: 100%;
}
.accontainer .type_container .results {
position: relative;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.accontainer .type_container .type {
text-align: right;
padding: 2px 4px 2px 4px;
color: #888888;
position: absolute;
top: 0;
left: 0;
display: none;
}
.accontainer .icon .color_icon {
border: 1px solid #999999;
height: 16px;
width: 16px;
display: block;
text-decoration: none;
}
.accontainer .icon .img_icon {
height: 16px;
width: 16px;
}
.accontainer .icon {
padding-right: 4px;
}
.accontainer ul li.highlight,
.accontainer .type_container .highlight {
background-color: #ffc333;
}
.mod_drop_down_menu {
zoom: 1;
position: relative;
border: 1px solid transparent;
padding: 2px;
padding-right: 14px;
}
.mod_drop_down_menu.open {
border: 1px solid #cccccc;
}
.mod_drop_down_menu > .content {
padding-right: 0.2em;
}
.mod_drop_down_menu > .anchor:hover {
cursor: hand;
cursor: pointer;
}
.mod_drop_down_menu > .anchor > .mod_arrow {
position: absolute;
top: 50%;
right: 2px;
margin-top: -2px;
}
.ff .mod_drop_down_menu > .anchor > .mod_arrow {
right: 4px;
}
.btn {
display: inline-block;
border: 0;
border-radius: 3px;
-ms-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
text-decoration: none;
padding: 6px 8px 6px 8px;
margin: 0;
}
.btn:hover {
text-decoration: none;
}
.btn.disabled,
.btn[disabled] {
opacity: 0.5;
cursor: default;
pointer-events: none;
background-color: #f1f1f1;
}
.btn.btn_buy,
.btn.btn_action {
padding-left: 16px;
padding-right: 16px;
}
.btn {
color: #333333;
background-color: #e6e6e6;
}
.btn:hover {
background-color: #cccccc;
}
.btn:active {
background-color: #aaaaaa;
}
.btn.btn_buy {
color: #ffffff;
background-color: #519940;
}
.btn.btn_buy:hover {
background-color: #377a28;
}
.btn.btn_buy:active {
background-color: #215616;
}
.btn.btn_action {
color: #ffffff;
background-color: #0088cc;
}
.btn.btn_action:hover {
background-color: #0063a9;
}
.btn.btn_action:active {
background-color: #1b336f;
}
.btn.btn_action.disabled,
.btn.btn_action[disabled] {
background-color: #b3d0e5;
color: #333333;
}
.hselect_html * {
display: inline-block;
}
.hselect_html > * {
color: #0088cc;
cursor: pointer;
cursor: hand;
border-left: 1px solid #cccccc;
padding-left: 6px;
margin-left: 6px;
}
.hselect_html > *:hover {
text-decoration: underline;
}
.hselect_html > .selected {
font-weight: bold;
color: #333333;
cursor: default;
}
.hselect_html > .selected:hover,
.hselect_html > *[disabled]:hover {
text-decoration: none;
}
.hselect_html > :first-child {
border-left: 0;
padding-left: 0;
margin-left: 0;
}
.hselect_html > *[disabled] {
color: #aaaaaa;
cursor: default;
}
.dialog {
width: 100%;
position: fixed;
left: 0px;
}
.dialog > .container {
display: inline-block;
padding: 32px;
background-color: #ffffff;
border: 1px solid #e6e6e6;
position: relative;
min-width: 300px;
min-height: 100px;
margin: 0 16px 0 16px;
}
.dialog > .container > .close {
color: #aaaaaa;
position: absolute;
top: 8px;
right: 8px;
cursor: pointer;
font-size: 32px;
line-height: 16px;
width: 16px;
height: 16px;
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.dialog > .container > .close:hover {
color: #333333;
}
.dialog table {
width: 100%;
}
.dialog .error_dialog {
width: 250px;
}
.error_dialog .message {
text-align: center;
padding-bottom: 16px;
}
.dialog > .container > .uic {
text-align: left;
width: 444px;
}
.dialog > .container > .uic ul.actions {
display: block;
margin-top: 24px;
}
.dialog > .container > .uic > .body {
min-height: 50px;
}
.dialog > .container > .uic > .body > h2 + * {
margin-top: 8px;
}
.dialog > .container > .alert > .actions > li,
.dialog > .container > .confirm > .actions > li {
float: none;
display: inline;
margin: 0;
padding: 0;
}
.dialog > .container > .alert > .actions > li + li,
.dialog > .container > .confirm > .actions > li + li {
margin-left: 12px;
}
#select_lb {
max-width: 200px;
}
.dialog {
font-size: 12px;
line-height: 1.34;
}
.dialog h2 {
font-size: 1.5em;
line-height: 1.33;
font-weight: normal;
}
.dialog > .container > div > .actions > li > .sprite {
display: none;
}
.dialog > .container > div > .actions > li > span {
float: none;
display: inline;
margin: 0;
}
#signin_dialog .facebook_connect,
#register_dialog .facebook_connect {
font-size: 1.16em;
padding: 6px 32px 6px 32px;
}
#signin_dialog hr,
#register_dialog hr {
margin-top: 24px;
margin-bottom: 24px;
}
#register_dialog #terms_privacy {
margin-top: 12px;
font-size: 0.9em;
}
#change_name_dialog > .detail > .buddy_icon {
float: left;
margin-right: 16px;
}
ul.pagination {
clear:both;
list-style: none;
text-align: center;
margin-bottom: 16px;
}
ul.pagination li {
display: inline;
padding: 4px;
}
ul.pagination li.selected {
font-weight: bold;
}
table.pagination_compact {
border-spacing: 0px 0px;
width: 1%;
}
table.pagination_compact .next {
display: block;
width: 16px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -90px; */
height: 16px;    cursor: pointer;
}
table.pagination_compact .prev {
display: block;
width: 16px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -108px;  */
height: 16px;    cursor: pointer;
}
table.pagination_compact input.page_num {
height: 14px;
width: 1.8em;
text-align: center;
padding: 0;
border: 1px solid #cccccc;
}
table.pagination_compact .disabled {
opacity: 0.3;
filter: alpha(opacity=30);
cursor: default;
}
#stripe {
background-color: #333333;
height: 8px;
position: relative;
margin-bottom: 16px;
}
#header_big.large {
padding: 0 16px 0 16px;
margin-bottom: 32px;
}
#header_big.compact {
padding: 4px 8px 4px 8px;
}
#header_big > table {
width: 100%;
}
#header_big.compact #top_nav {
height: 26px;
}
#header_big #nav_profile {
line-height: 26px;
}
#header_big #top_nav #nav_profile a img {
padding: 2px;
border: 1px solid #e6e6e6;
}
#header_big > table > tbody > tr > td {
vertical-align: middle;
white-space: nowrap;
text-wrap: suppress;
width: 1%;
}
#header_big > #top_nav > tbody > tr > td + td {
padding-left: 24px;
}
#header_big > table > tbody > tr > td > a {
display: inline-block;
vertical-align: middle;
}
#header_big > table > tbody > tr > td.select a {
color: #333333;
}
#header_big > table > tbody > tr > td.select a.unread_activity {
color: #ffffff;
}
#header_big > table > tbody > tr > td.select .mod_drop_down_menu .mod_arrow {
border-top-color: #333333;
}
#header_big > table > tbody > tr .buddy_icon {
margin-right: 4px;
}
#header_big > table > tbody > tr .buddy_icon img {
margin: 0;
}
#header_big #main_nav {
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
font-size: 1.1em;
}
#header_big #main_nav > tbody > tr > td > a {
padding: 4px 36px 4px 36px;
}
#header_big #main_nav > tbody > tr > td > span {
margin: 4px 36px 4px 36px;
}
#header_big #main_nav > tbody > tr > td + td {
border-left: 1px solid #e6e6e6;
}
#header_big.large #top_nav {
margin-bottom: 16px;
}
#header_big.large > table > tbody > tr > #nav_logo,
#header_big.large > table > tbody > tr > #nav_search,
#header_big.compact > table > tbody > tr > #nav_create {
width: 99%;
}
#header_big.large > table > tbody > tr > #nav_search {
padding: 0;
margin: 0;
border: 0;
}
.sprite.likes {
display: inline-block;
width: 16px;
height: 16px;
float: none;
background-image: url();
}
#header_big #nav_likes.select .sprite.likes {
background-image: url();
}
#header_big.compact #nav_likes .sprite.likes {
width: 14px;
height: 14px;
background-image: url();
}
#header_big #main_nav #nav_search form {
float: right;
}
#header_big #main_nav #nav_search input[type="text"] {
margin: 0;
font-size: 12px;
min-width: 140px;
}
#header_big > .reg_promo {
transition: height 1s linear 1s, padding-bottom 1s linear 1s;
-moz-transition: height 1s linear 1s, padding-bottom 1s linear 1s;
-webkit-transition: height 1s linear 2s, padding-bottom 1s linear 1s;
-ms-transition: height 1s linear 2s, padding-bottom 1s linear 1s;
height: 0px;
margin-top: 0px;
padding: 16px 16px 0px 16px;
overflow: hidden
}
#header_big > .reg_promo_expanded {
height: 64px;
padding-bottom:16px;
margin-top: 8px;
}
#header_big > .reg_promo_expanded > .reg_promo_btn {
margin-top: 8px;
}
#header_big > .reg_promo_expanded > .reg_promo {
font-size: 16px;
}
.nav_ddm.dropdown .column a {
padding-left: 5px;
}
.nav_ddm li.sep_top {
border-top: 1px dotted #cccccc;
}
#footer {
clear: both;
color: #888888;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-top: 64px;
padding-bottom: 16px;
line-height: 1.34;
}
#footer_links_container {
padding: 8px 28px 8px 28px;
border-top: 1px solid #e6e6e6;
overflow: hidden;
}
#footer .footer_links {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
width: 16.5%;
overflow: hidden;
white-space: nowrap;
}
#footer .footer_links h5 {
margin-bottom: 4px;
}
#footer .footer_links li {
margin-bottom: 2px;
}
#footer_toolbar {
clear: both;
text-align: center;
padding-top: 16px;
padding-bottom: 16px;
}
#footer.dynamic #footer_toolbar {
padding-bottom: 0;
}
#footer form {
display: inline;
margin-right: 8px;
}
#footer_actuator {
color: #ffffff;
background-color: #333333;
opacity: 0.4;
filter: alpha(opacity=40);
position: fixed;
right: 16px;
bottom: 16px;
width: 70px;
text-align: center;
padding: 6px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
text-decoration: none;
-webkit-transition: 0.1s all ease-in-out;
-moz-transition: 0.1s all ease-in-out;
-ms-transition: 0.1s all ease-in-out;
transition: 0.1s all ease-in-out;
}
#footer_actuator:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}
#footer.dynamic #footer_links_container {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 100%;
max-width: 1080px;
position: fixed;
bottom: -100%;
background-color: #ffffff;
-webkit-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px -2px 2px 0px rgba(0, 0, 0, 0.05);
padding: 28px;
}
.ie #footer.dynamic #footer_links_container {
width: 1080px;
}
#footer.dynamic .close {
color: #aaaaaa;
cursor: pointer;
font-family: Arial, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
position: absolute;
right: 0px;
top: 0px;
padding: 3px 10px 2px 8px;
font-size: 20px;
}
#footer.dynamic .close:hover {
color: #333333;
}
#feedback_msg {
text-align: center;
background-color: #fff1a8;
font-weight: bold;
padding: 16px 16px 4px 16px;
position: fixed;
width: 20%;
margin-left: 40%;
display: none;
top: 200%;
border: 1px solid #cccccc;
border-top-width: 0;
}
#feedback_msg li {
margin-top: 4px;
}
html {
overflow: hidden;
}
body {
overflow: hidden;
}
.tabpanel {
position: relative;
z-index: 0;
}
.tabpanel > .tabs {
z-index: 6;
overflow: hidden;
margin-top: -1px;
}
.tabpanel > .tabs > .tab {
display: block;
float: left;
position: relative;
padding: 4px 12px 4px 12px;
border: 1px solid #e6e6e6;
border-bottom-width: 0;
border-radius: 2px 2px 0 0;
margin-left: 6px;
margin-top: 1px;
color: #333333;
background-color: #e6e6e6;
outline: medium none;
cursor: pointer;
text-decoration: none;
z-index: 2;
}
.tabpanel > .tabs > .tab.selected {
border-color: #aaaaaa;
background-color: #ffffff;
cursor: default;
font-weight: bold;
z-index: 5;
}
.tabpanel > .tabs > .tab:hover {
border-color: #aaaaaa;
background-color: #ffffff;
}
.tabpanel > .tabs > .tab > * {
white-space: nowrap;
overflow: hidden;
display: inline-block;
float:left;
}
.tabpanel > .tabs > .tab > .close {
margin-left: 5px;
margin-right: -2px;
font-size: 1.1em;
}
.tabpanel > .panels {
border-top: 1px solid #aaaaaa;
position: relative;
z-index: 4;
overflow: hidden;
}
.tabpanel > * + .panels {
margin-top: -1px;
}
.tabpanel > .panels:first-child {
margin-top: 0;
}
.ie .panels {
zoom: 1;
}
.tabpanel > .panels.bordered {
border: 1px solid #aaaaaa;
}
.tabpanel > .panels > .panel.resultset > table.hd {
width: 100%;
padding: 4px 8px 4px 8px;
border-spacing: 0;
margin-bottom: 16px;
}
.tabpanel > .panels > .panel > table.hd .header_options {
margin-right: 32px;
}
.tabpanel > .tabs > #newtab.tab {
font-size: 1.5em;
padding: 0px 12px 0px 12px;
}
.ie7 .tabpanel > .tabs > #newtab.tab,
.ie8 .tabpanel > .tabs > #newtab.tab {
padding-top: 1px;
padding-bottom: 1px;
}
#app .tabpanel > .tabs > .tab {
background-color: #d6d6d6;
border-color: #d6d6d6;
}
#app .tabpanel > .tabs > .tab.selected {
border-color: #cccccc;
background-color: #f1f1f1;
}
#app .tabpanel > .tabs > .tab:hover {
border-color: #cccccc;
background-color: #f1f1f1;
}
#app .tabpanel > .panels {
border-top: 1px solid #cccccc;
}
#app .tabpanel > .panels.bordered {
border: 1px solid #cccccc;
}
#app .tabpanel > .panels > .panel .resultset > .hd {
background-color: #f1f1f1;
}
.mod_stack {
margin-bottom: 2px;
padding: 5px 1px 0 5px;
}
.mod_stack_size_i  { width: 24px;  }
.mod_stack_size_li { width: 31px;  }
.mod_stack_size_t  { width: 58px;  }
.mod_stack_size_s  { width: 108px; }
.mod_stack_size_m  { width: 158px; }
.mod_stack_size_l  { width: 308px; }
.mod_stack_size_e  { width: 408px; }
.mod_stack_size_x  { width: 508px; }
.mod_stack_layer {
width: 100%;
height: 100%;
margin: -1px 0 0 -1px;
background-color: #ffffff;
border: 1px solid #e6e6e6;
padding-bottom: 1px;
}
.mod_stack:hover .mod_stack_layer {
border-color: #cccccc;
}
.mod_stack_layer > .mod_stack_layer {
margin: -3px 0 0 -3px;
}
.mod_stack_content {
padding: 4px;
}
.set .mod_stack img,
.mod_stack img.bordered {
margin: 0;
padding: 0;
border: 0;
}
.grid .mod_stack .mod_stack_content img {
border: 0;
}
.multiselect {
position: absolute;
display: none;
border: 1px dashed #cccccc;
z-index: 300;
}
.accontainer {
position: absolute;
display: none;
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 4px;
cursor: default;
overflow: auto;
overflow-x: hidden;
}
.accontainer ul {
list-style: none outside;
margin: 0;
padding: 0;
}
.accontainer ul li.strings {
margin: 0;
padding: 2px 4px 4px 4px;
}
.accontainer .type_container {
width: 100%;
}
.accontainer .type_container .results {
position: relative;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
}
.accontainer .type_container .type {
text-align: right;
padding: 2px 4px 2px 4px;
color: #888888;
position: absolute;
top: 0;
left: 0;
display: none;
}
.accontainer .icon .color_icon {
border: 1px solid #999999;
height: 16px;
width: 16px;
display: block;
text-decoration: none;
}
.accontainer .icon .img_icon {
height: 16px;
width: 16px;
}
.accontainer .icon {
padding-right: 4px;
}
.accontainer ul li.highlight,
.accontainer .type_container .highlight {
background-color: #ffc333;
}
#groups_checkboxes {
padding: 4px;
border: 1px solid #e6e6e6;
max-height: 64px;
}
.ie6 #groups_checkboxes {
height: 64px;
}
#category_select div.radio {
display: inline;
padding-right: 8px;
}
#tags_text {
width: 75%;
}
.account_list {
margin-left: 3px;
}
.lassoOuter {
margin-top: 4px;
border: 1px solid #cccccc;
}
.whiteUnder {
position: absolute;
background-color: #ffffff;
z-index: 1;
}
.imageUnder {
position: absolute;
display: block;
z-index: 2;
opacity: 0.4;
filter: alpha(opacity=40);
}
.lassoImage {
position: absolute;
z-index: 3;
}
.lassoCanvas {
position: absolute;
z-index: 4;
top: 0px;
left: 0px;
}
.lassoLayer {
position: absolute;
top: 0px;
left: 0px;
z-index: 5;
}
.lassoPoint {
background-color: #dddddd;
border: 1px solid #000000;
height: 8px;
width: 8px;
position: absolute;
font-size: 1%;
margin-left: -5px;
margin-top: -5px;
}
.altMask {
width: 100px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
margin: 0 5px 5px 0;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.altMaskCell {
padding-left: 10px;
}
.altMaskContainer {
width: 125px;
overflow-x: hidden;
overflow-y: auto;
}
.lassoDialog h5 {
text-align: center;
font-size: 1.2em;
padding-bottom: 4px;
}
.lassoDialog .explain {
text-align: left;
line-height: 20px;
}
.lassoDialog .buttons {
padding-top: 4px;
}
.lassoDialog .left .header {
text-align: left;
}
.lassoDialog .altMaskCell .explain {
margin-bottom: 4px;
margin-left: 5px;
}
.lassoDialog .left .header > * {
margin-right: 6px;
}
.lassoDialog .left .header .hselect {
float: left;
}
.lassoDialog .selector {
padding: 0 8px 0 8px;
}
.lassoDialog .selector_polygon {
/* background: transparent url(icons/crop_shape.png) no-repeat scroll 50% 50%; */
}
.lassoDialog .selector_rectangle {
/* background: transparent url(icons/crop_square.png) no-repeat scroll 50% 50%; */
}
.refinementcontrol {
float: left;
margin-right: 4px;
position: relative;
padding: 2px 6px 2px 4px;
background-color: #d6d6d6;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.refinementcontrol_label {
float: left;
position: relative;
padding: 2px;
}
.refinementcontrol img {
background-color: #ffffff;
padding: 4px;
}
.dropdown2 td {
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.dropdown2 input.input {
border: 1px solid #cccccc;
border-right: 0;
cursor: default;
display: block;
height: 14px;
width: 99%;
min-width: 40px;
padding: 0 2px 0 2px;
}
.dropdown2 input.has_value {
font-weight: bold;
}
.dropdown2 td.arrow {
width: 1%;
}
.dropdown2 td.arrow div.downarrow {
width: 15px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat -1px  -72px; */
height: 16px;    cursor: pointer;
cursor: hand;
}
.dropdown2.disabled td.arrow div.downarrow {
cursor: default;
}
.dropdown2.clear td.arrow div.downarrow {
/* background: url(icons/cr/gray/close.gif) no-repeat scroll right top; */
}
.dropdownlist .column .selected2 {
background-color: #cccccc;
font-weight: bold;
}
.fontpicker.dropdown .column a {
padding: 4px;
width: 77px;
}
.fontpicker.dropdown .column a.glow {
padding: 2px;
margin: 2px;
}
.sliderBar {
background-color: #888888;
width: 100%;
height: 3px;
margin-top: auto;
margin-bottom: auto;
position: relative;
}
.wk_hslider {
-webkit-appearance: slider-horizontal;
}
.sliderNub {
top: 50%;
margin-top: -4.5px;
width: 7px;
height: 7px;
position: absolute;
background-color: #dddddd;
border: 1px solid #999999;
-moz-border-radius: 4px;
}
.sliderNub:hover {
cursor: pointer;
background-color: #eeeeee;
}
.hselect {
background-color: #cccccc;
color: #666666;
border: 1px solid #bbbbbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
display: inline-block;
}
.ie .hselect,
.ie .hselect > * {
zoom: 1;
}
.hselect > * {
display: inline-block;
padding: 2px 8px 2px 8px;
border-left: 1px solid #bbbbbb;
background-color: #f1f1f1;
cursor: pointer;
vertical-align: middle;
}
.hselect > *:first-child {
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
border-left: 0;
}
.hselect > *:hover {
background-color: #999999;
text-decoration: none;
}
.hselect > *:last-child {
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
}
.hselect > a {
color: #666666;
text-decoration: none;
}
.hselect > *[disabled] {
background-color: #cccccc;
cursor: default;
}
.hselect > *[disabled]:hover {
background-color: #cccccc;
}
.hselect .selected {
font-weight: bold;
cursor: default;
background-color: #cccccc;
}
.hselect_btn {
background-color: #f1f1f1;
color: #666666;
border: 1px solid #bbbbbb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
cursor: pointer;
margin: 0;
padding: 2px 8px 2px 8px;
display: inline-block;
}
.hselect_btn[disabled] {
background-color: #cccccc;
cursor: default;
}
.hselect_btn[disabled]:hover {
background-color: #cccccc;
}
.hselect_btn:hover {
background-color: #999999;
text-decoration: none;
}
.colorpicker span.colorgrid {
display: block;
width: 16px;
/* background: url(icons/colorgrid.gif) no-repeat 0px 50%; */
}
.colorpicker span.colorgrid input {
border: 0;
width: 16px;
height: 16px;
cursor: default;
padding: 0px;
margin-right: 2px;
}
.colorpicker span.colorgrid input.empty {
opacity: 0;
filter: alpha(opacity=0);
}
.ie .colorpicker .downarrow {
margin-top: 1px;
}
.resultset form.searchbox .textbox {
border: 1px solid #cccccc;
margin-right: 2px;
width: 100%;
height: 14px;
min-width: 60px;
padding: 0px;
}
.resultset form.searchbox .search {
background-color: #666666;
cursor: pointer;
color: #ffffff;
border: 0;
padding: 1px 6px 0px 6px;
line-height: 15px;
margin: 0px;
}
.ie .resultset form.searchbox .search {
padding: 3px 6px 2px 6px;
overflow: visible;
font-size: 0.9em;
line-height: 0.9em;
}
.flipbook {
display: inline-block;
}
.flipbook .empty_message {
text-align: center;
display: none;
}
.flipbook.empty:hover .empty_message {
display: block;
}
.flipbook.empty:hover img {
display: none;
}
html {
height: 100%;
}
#body > #header {
margin-top: 8px;
margin-bottom: 8px;
}
.clearfix:after {
content: '';
display: block;
clear: both;
}
#app {
position: relative;
width: 100%;
height: 100%;
margin-top: -8px;
}
#canvas {
background-color: #ffffff;
position: relative;
min-width: 300px;
height: 100%;
width: 100%;
border: 1px solid #cccccc;
overflow: hidden;
z-index: 5;
}
#canvas .NE {
margin-left: 125px;
}
#canvas .statusbar,
#lookbook .statusbar {
position: absolute;
left: 0px;
bottom: 0px;
z-index: 20010;
width: 100%;
}
#statustext {
background-color: #eeeeee;
color: #999999;
background-position: 2px center;
background-repeat: no-repeat;
padding: 2px 2px 2px 24px;
line-height: 18px;
display: none;
}
#statustext.alert {
display: block;
/* background-image: url(icons/cr/red/warning.gif); */
}
#statustext.warn {
display: block;
/* background-image: url(icons/cr/orange/warning.gif); */
}
#statustext.info {
display: block;
/* background-image: url(icons/cr/lblue/info.gif); */
}
#panel {
min-width: 300px;
z-index: 10;
}
ul.toolbar {
list-style: none outside;
padding: 2px;
display: inline-block;
}
ul.vertical li {
padding-bottom: 2px;
}
ul.horizontal li {
display: inline;
padding-left: 2px;
}
ul.horizontal li img {
vertical-align: middle;
}
.iteminfo {
padding: 2px;
zoom: 1;
}
.iteminfo > form {
font-size: 0.9em;
}
.iteminfo > .ph_controls {
margin-bottom: 4px;
white-space: nowrap;
}
#canvas div.sprite {
line-height: 16px;
padding-left: 20px;
white-space: nowrap;
float: none;
}
#canvas #new_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -846px; */
height: 16px;}
#canvas #publish_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -360px; */
height: 16px;}
#canvas #publish_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -144px; */
height: 16px;}
#canvas #submit_contest_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -360px; */
height: 16px;}
#canvas #submit_contest_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -144px; */
height: 16px;}
#canvas #publish_template_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -360px;  */
height: 16px;}
#canvas #publish_template_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -144px;  */
height: 16px;}
#canvas #try_btn .sprite {
/* background: url(icons/cr/lblue/download.gif) no-repeat 0 0; */
}
#canvas #edit_btn .sprite {
/* background: url(icons/cr/lblue/edit.gif) no-repeat 0 0; */
}
#canvas #save_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -684px; */
height: 16px;}
#canvas #save_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -180px;  */
height: 16px;}
#canvas #undo_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -576px;  */
height: 16px;}
#canvas #undo_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -126px;  */
height: 16px;}
#canvas #redo_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -828px; */
height: 16px;}
#canvas #redo_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -216px; */
height: 16px;}
#canvas #zoom_in .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -558px;  */
height: 16px;}
#canvas #zoom_out .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -900px;  */
height: 16px;}
#canvas #fit_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -966px;  */
height: 16px;}
#canvas #contest_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1038px;  */
height: 16px;}
#canvas #clearph_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -612px;  */
height: 16px;}
#canvas #clearph_btn[disabled] .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -162px;  */
height: 16px;}
#canvas #remove_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -612px;  */
height: 16px;}
#canvas #flop_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -984px;  */
height: 16px;}
#canvas #flip_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1002px;  */
height: 16px;}
#canvas #bg_btns .sprite,
#canvas #hidebkgd_btn .sprite,
#canvas #showbkgd_btn .sprite,
#canvas #cropbkgd_btn .sprite,
#canvas #editface_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -666px;  */
height: 16px;}
#canvas #arrange_btns .sprite {
/* background: url(icons/cr/lblue/arrange.gif) no-repeat 0 0;  */
height: 16px;}
#canvas #clone_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -648px;  */
height: 16px;}
#canvas #fgnd_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1056px;  */
height: 16px;}
#canvas #bkgd_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -702px;  */
height: 16px;}
#canvas #crop_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -666px;  */
height: 16px;}
#canvas #square_btn .sprite {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -966px;  */
height: 16px;}
#canvas button,
#canvas .button {
line-height: 16px;
background-color: #ffffff;
background-position: 2px center;
background-repeat: no-repeat;
border: 1px solid #cccccc;
padding: 2px;
margin: 0;
color: #666666;
font-size: 12px;
overflow: visible;
}
.ff #canvas button,
.ff #canvas .button {
padding-left: 0px;
}
#canvas button:hover {
background-color: #cccccc;
color: #000000;
cursor: pointer;
}
#canvas button[disabled] {
color: #666666;
background-color: #cccccc;
font-weight: normal;
cursor: default;
}
#canvas .item {
position: absolute;
}
#canvas .selectNode {
border: 1px solid transparent;
}
.ie #canvas .placeholder > * > .selectNode,
#canvas .placeholder.selectNode {
border: 1px dashed #cccccc;
}
.ie #canvas .placeholder .selectNode {
cursor: default;
}
.ie #canvas .placeholder .selectNode > .ph_hint,
.ie #canvas .placeholder > * > .selectNode {
filter: alpha(opacity=100);
}
#canvas.unlocked .selectNode:hover,
#canvas .placeholder .item.selectNode:hover,
.ie #canvas .placeholder .item > .selectNode:hover {
border: 1px solid #cccccc;
}
.ie #canvas .placeholder > * > .selectNode.selected,
#canvas .selectNode.selected {
opacity: 0.8;
border: 1px solid #cccccc;
}
#canvas .textitem  {
zoom: 1;
}
#canvas .textitem table {
width: 100%;
padding: 0;
}
#canvas .textitem tr,
#canvas .textitem td {
font-size: 1px;
padding: 0;
}
#canvas .textitem td.words div {
float: left;
zoom: 1;
position: relative;
}
#canvas .textitem td.words img {
position: relative;
float: left;
}
#canvas .textitem td.words {
width: 100%;
}
#canvas .placeholder.selectNode {
overflow: hidden;
}
#canvas:not(.unlocked) > .selectNode:not(.placeholder) {
pointer-events: none;
}
.ie #canvas .template_proxy {
display: inherit;
position: absolute;
cursor: default;
}
.ie #canvas.unlocked .template_proxy {
display: none;
}
#canvas .selectNode .bg {
background-color: #eeeeee;
opacity: 0.5;
filter: alpha(opacity=50);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.ff #canvas .selectNode:hover .bg,
.wk #canvas .selectNode:hover .bg {
opacity: 0.8;
filter: alpha(opacity=80);
}
.dragging_item_image #canvas .droppable .item,
.internal.dragging_item_text #canvas .droppable .item,
.dragging_item_fb_photo #canvas .droppable .item,
.dragging_item_colorblock #canvas .droppable .item,
.dragging_item_amazon_mp3 #canvas .droppable .item {
opacity: 0.8;
filter: alpha(opacity=80);
}
.dragging_item_image #canvas .droppable .bg,
.internal.dragging_item_text #canvas .droppable .bg,
.dragging_item_fb_photo #canvas .droppable .bg,
.dragging_item_colorblock #canvas .droppable .bg,
.dragging_item_amazon_mp3 #canvas .droppable .bg {
background-color: #ff9933;
opacity: 0.3;
filter: alpha(opacity=30);
}
.dragging_item_image #canvas .droppable.drophover .bg,
.internal.dragging_item_text #canvas .droppable.drophover .bg,
.dragging_item_fb_photo #canvas .droppable.drophover .bg,
.dragging_item_colorblock #canvas .droppable.drophover .bg,
.dragging_item_amazon_mp3 #canvas .droppable.drophover .bg,
.ie.dragging_item_image #canvas .droppable .drophover .bg,
.ie.internal.dragging_item_text #canvas .droppable .drophover .bg,
.ie.dragging_item_fb_photo #canvas .droppable .drophover .bg,
.ie.dragging_item_colorblock #canvas .droppable .drophover .bg,
.ie.dragging_item_amazon_mp3 #canvas .droppable .drophover .bg {
background-color: #ff9933;
opacity: 0.7;
filter: alpha(opacity=70);
}
#canvas .droppable .selectNode:hover {
cursor: move;
}
#canvas .placeholder .ph_hint  {
position: absolute;
top: 30%;
width: 100%;
text-shadow: -1px -1px 1px #eeeeee, 1px 1px 1px #eeeeee;
left: 0;
color: #888888;
text-align: center;
cursor: default;
}
#canvas .drophover .ph_hint  {
text-shadow: none;
}
#canvas .iteminfo .smaller_icon {
margin-top: 4px;
margin-left: 4px;
width: 16px;
height: 16px;
}
.controls {
z-index: 500;
}
.controls {
pointer-events: none;
}
.controls .clickable,
.controls button,
.controls .interactive,
.controls input {
pointer-events: auto;
}
.controls .num_items {
padding: 3px;
line-height: 16px;
vertical-align: middle;
display: inline-block;
}
.handles {
display: none;
position: absolute;
z-index: 300;
}
.handles .filling {
cursor: move;
z-index: -20;
}
.handles .handle {
font-size: 1%;
position: absolute;
}
.handles .resize {
width : 7px;
height : 7px;
background-color: #dddddd;
border : 1px solid #000000;
}
.handles .rotate .rotatetip {
position: absolute;
left: -4px;
top: 0px;
width: 7px;
height: 7px;
background-color: #dddddd;
border: 1px solid #000000;
-moz-border-radius : 4px;
-webkit-border-radius : 4px;
}
.ie .handles .rotate .rotatetip {
width: 9px;
height: 9px;
border: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url(img/circle_handle.png);
background-position: 50% 0;
}
.handles .rotate {
width: 1px;
height: 24px;
background-color: #999999;
}
.handles .n.rotate {
margin-top: -24px;
margin-left: -1px;
z-index: 1;
}
.handles .n {
left: 50%;
margin-left: -5px;
margin-top: -5px;
z-index: 2;
}
.handles .w {
top: 50%;
margin-top: -5px;
left: -5px;
}
.handles .e {
top: 50%;
margin-top: -5px;
right: -5px;
}
.handles .nw {
top : -5px;
left : -5px;
}
.handles .ne {
top : -5px;
right : -5px;
}
.handles .se {
bottom : -5px;
right : -5px;
}
.handles .sw {
bottom : -5px;
left : -5px;
}
.handles .s {
bottom : -5px;
left : 50%;
margin-left: -5px;
}
.signin {
padding-top: 30%;
font-size: 2.0em;
text-align: center;
}
#canvas .emptymsg {
font-size: 4.0em;
}
#canvas .emptymsg .heading {
margin: 0px 20px 8px 20px;
}
#canvas .emptymsg .subheading {
font-size: 0.3em;
}
#fakeInput {
width: 0px;
height: 0px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 200px;
left: -1000px;
}
.dialog .intro {
background-color: #eeeeee;
border: 2px solid #cccccc;
width: 500px;
font-size: 1.5em;
padding: 16px;
text-align: left;
-moz-border-radius : 8px;
-webkit-border-radius : 8px;
}
.dialog .intro p {
margin-top: 0;
margin-bottom: 16px;
}
.dialog .intro input {
margin-top: 16px;
}
#items {
border: 1px solid #888888;
}
.contest_tab,
.blank_tab {
padding: 8px;
overflow: auto;
}
.contest_tab {
margin: 8px 4px 0px 4px;
}
.contest_tab h4 {
padding-bottom: 8px;
}
.contest_tab div.item_section {
padding: 0px 4px 20px 4px;
}
.contest_tab .when {
padding-bottom: 8px;
}
.contest_tab .when.nosubmit {
padding-bottom: 32px;
}
.contest_tab .section p {
margin-top: 0px;
}
.contest_tab .example {
margin: 0px 8px 8px 0px;
padding: 4px;
}
.blank_tab .more {
padding: 8px 4px 8px 4px;
}
.blank_tab h4 {
margin-bottom: 4px;
margin-top: 8px;
padding: 4px;
clear: both;
}
.blank_tab input,
.colorpanel input {
margin-right: 8px;
}
.blank_tab input.query,
.colorpanel input#query,
#organizercontrols #tag_input {
border: 1px solid #cccccc;
}
.blank_tab input[type="submit"],
.colorpanel input[type="submit"] {
cursor: pointer;
}
.ie .blank_tab input.query,
.ie .colorpanel input.query {
margin-top: 1px;
margin-right: -8px;
}
.blank_tab ul.keywords {
float: left;
margin-left: -6px;
margin-bottom: 8px;
}
.blank_tab ul.keywords > li,
.blank_tab ul.product_placement_items > li {
cursor: pointer;
float: left;
width: 70px;
}
.blank_tab ul.keywords > li {
height: 80px;
padding: 0 0 16px 8px;
text-align: center;
}
.blank_tab ul.keywords > li img {
padding-bottom: 4px;
}
.blank_tab ul.product_placement {
float: left;
margin-bottom: 16px;
}
.blank_tab ul.product_placement_items {
height: 53px;
overflow: hidden;
}
.blank_tab ul.product_placement_items > li {
padding: 0 0 4px 8px;
}
.blank_tab .see_all {
padding-left: 4px;
}
.resultset .home {
background-position: left center;
background-repeat: no-repeat;
/* background-image: url(icons/cr/gray/home.gif); */
background-position: left center;
padding: 2px 2px 2px 20px;
cursor: pointer;
cursor: hand;
height: 16px;
line-height: 16px;
}
a.amazon_mp3 {
padding: 2px;
display: block;
clear: both;
text-decoration: none;
color: #000000;
float: left;
width: 99%;
}
a.amazon_mp3 .imgwrap {
float: left;
background-position: center;
background-repeat: no-repeat;
padding: 2px;
margin: 2px;
}
a.amazon_mp3:hover {
background-color: #eeeeee;
}
.sponsoredLogo {
padding: 0 8px;
}
.ie .matrix {
position: absolute;
top: 0;
left: 0;
}
.handles_border {
border: 1px solid #999999;
}
.ie .handles_border {
position: relative;
}
div.lookbookOuter {
float: left;
padding: 4px;
width: 116px;
height: 150px;
}
div.lookbookOuter img {
padding: 4px;
margin: 0 2px 2px 0;
}
div.under_long {
color: #888888;
font-size: 0.9em;
height: 2.5em;
overflow: hidden;
text-align: center;
}
#lookbook textarea.caption {
resize: none;
}
#organizercontrols {
padding: 0 8px;
margin-bottom: 8px;
}
.list.template_eg .left {
margin-right: 4px;
}
.resultset div.idea {
margin-left: 8px;
margin-right: 8px;
}
div.idea {
padding: 8px 32px 8px 4px;
}
div.idea .left {
margin-right: 8px;
}
div.idea .left img {
padding: 2px;
}
div.idea p {
padding: 0px;
margin: 0px;
}
div.idea .add {
font-size: 0.9em;
text-align: center;
}
div.idea .body {
margin-left: 64px;
}
.ie .horizontal_templates > * {
margin-left: 8px;
}
.ie .horizontal_templates > *:first-child {
margin-left: 0px;
}
.horizontal_templates > *:not(:first-child) {
margin-left: 8px;
}
.toolbar canvas {
vertical-align: middle;
}
.colorpanel .item_section {
padding: 8px 8px 4px 8px;
position: relative;
}
.colorpanel .item_section .sample {
position: relative;
}
.colorpanel .item_section .title {
padding: 0px 0px 4px 4px;
font-size: 1.1em;
}
.colorpanel .item_section .item_section_title {
padding-bottom: 8px;
}
.coloricon {
display: inline-block;
vertical-align: middle;
margin-right: 4px;
}
.ie .coloricon {
margin-bottom: 8px;
}
.item_section .title_holder .title img {
float: left;
}
.item_section .title_holder > * {
margin-right: 8px;
}
.ie .item_section.left {
overflow: hidden;
}
.colourlogo {
/* background-image: url(img/colourlovers_trans_89x15.png); */
background-repeat: no-repeat;
background-position: 0px 0px;
padding-left: 92px;
line-height: 16px;
}
a.colorblock {
margin: 2px;
padding: 2px;
background-color: #ffffff;
border: 1px solid #ffffff;
float: left;
display: block;
cursor: hand;
}
a.colorblock:hover {
border: 1px solid #cccccc;
}
.whiteHighlight {
position: absolute;
width: 98%;
height: 98%;
top: 0;
left: 0;
border: 1px solid #e6e6e6;
}
#autoshare_select div.radio {
display: inline;
padding-right: 8px;
padding-bottom: 2px;
}
.control_line {
margin-bottom: 4px;
zoom: 1;
}
.hselect_html > * {
border-color: #999999;
}
.tmp_text_sizer {
position: absolute;
visibility: hidden;
top: -1000px;
left: -1000px;
background-color: #ffffff;
z-index: 1000;
width: 1000px;
height: 1000px;
}
#app .product_placement {
margin-bottom: 12px;
}
#app .product_placement .pptitle {
padding: 4px 4px 8px 4px;
}
.ie .selectNode.textitem > div {
overflow: hidden;
}
.ie .selectNode.textitem > div > div {
float: left;
}
#app table.product_placement td.meta .description {
color: #888888;
}
.ph_controls > .sliderSize,
.ph_controls > .sliderAspect {
margin-top: 4px;
}
.ph_controls > ul.wider,
.ph_controls > ul.taller {
width: 20px;
height: 23px;
text-align: center;
vertical-align: middle;
}
.ph_controls > ul.taller > li {
line-height: 7px;
}
.ph_controls > ul.wider > li {
display: inline;
margin-left: 4px;
line-height: 23px;
}
a.grid {
margin: 6px -3px -3px 6px;
padding: 2px;
border: 1px solid transparent;
float: left;
display: block;
cursor: hand;
}
a.grid:hover {
border: 1px solid #cccccc;
}
#canvas .controls #bg_btns.left {
margin-right: 16px;
}
#canvas .controls #bg_btns.right {
margin-left: 16px;
}
#canvas .controls #bg_btns > .bg_btn {
background-image: url(img/transparent_checkerboard.png);
width: 50px;
height: 50px;
overflow: hidden;
background-size: 50px;
cursor: pointer;
}
#canvas .controls #bg_btns > .bg_btn:hover {
border-color: #cccccc;
}
#canvas .controls #bg_btns > .bg_btn + .bg_btn {
margin-left: 8px;
}
#canvas .controls #bg_btns > .bg_btn > * {
width: 100%;
height: 100%;
-webkit-background-size: cover;
background-position: center 0;
}
#canvas .controls #bg_btns .selected {
border: 1px solid #ff9933;
}
#canvas .controls #bg_btns > .bg_btn .custom {
/* background: url(icons/editor/bg_custom_42x42.png) center center no-repeat; */
line-height: 50px;
vertical-align: middle;
text-align: center;
}
.listbuilder {
background-color: #ffffff;
position: relative;
min-width: 300px;
height: 100%;
width: 100%;
border: 1px solid #cccccc;
z-index: 5;
}
.listbuilder .emptymsg {
font-size: 4.0em;
}
.listbuilder .resultset .bd {
position: relative;
}
.listbuilder .grid {
position: relative;
}
.listbuilder .grid .reject {
display: none;
}
.listbuilder .cover_grid_spacer {
padding: 8px 0 0 8px;
}
.listbuilder .cover_grid {
padding: 4px;
}
#lookbook .cover_grid {
background-color: #eeeeee;
}
.listbuilder .dragenter .cover_grid {
border-left: 3px solid #ff9933;
}
.listbuilder .lb_cover:hover .reject {
display: block;
position: absolute;
width: 16px;
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1164px;  */
height: 16px;    top: 0px;
right: 0px;
}
.listbuilder a.lb_cover {
background-color: #ffffff;
display: block;
cursor: hand;
}
#lookbook a.lb_cover {
border: 1px solid #e6e6e6;
}
#lookbook a.lb_cover:hover {
border: 1px solid #e6e6e6;
}
div.lb_tab .resultset .bd {
position: relative;
}
div.caption {
font-size: 0.9em;
}
textarea.caption {
border: 1px solid #e6e6e6;
font-size: 0.9em;
width: 150px;
overflow: auto;
}
.cover_grid div.img {
position: relative;
padding-bottom: 4px;
}
#contactlist .cover_grid .user_under_text {
width: 100px;
}
.user_under_text {
height: 2.4em;
font-size: 0.9em;
text-align: center;
overflow: hidden;
}
a.autosize {
text-decoration: none;
}
.loading {
padding: 2px 2px 2px 20px;
/* background-image: url(img/throbber.gif); */
background-position: 0 center;
background-repeat: no-repeat;
line-height: 16px;
display: inline-block;
color: #888888;
}
.embeddialog .section {
margin-bottom: 16px;
}
.embeddialog .section .title {
font-weight: bold;
}
.embeddialog {
width: 300px;
padding: 24px;
}
.embeddialog.tabbed {
width: 360px;
padding: 12px;
background-color: #ffffff;
}
.embeddialog.tabbed table.share_tabbox {
width: 360px;
overflow-x: hidden;
overflow-y: auto;
}
.embeddialog.tabbed table.share_tabbox .panel {
width: 360px;
overflow-x: hidden;
overflow-y: auto;
}
.embeddialog div.selectoption {
padding-bottom: 4px;
}
.embeddialog div.selectoption > * {
vertical-align: middle;
}
.embeddialog > label {
color: #333333;
font-weight: bold;
clear: both;
padding-top: 12px;
padding-bottom: 2px;
display: block;
}
.embeddialog .legal {
color: #888888;
font-size: 0.9em;
padding-top: 16px;
}
.embeddialog .interactive {
font-weight: bold;
}
.embeddialog .done {
padding-top: 16px;
text-align: center;
}
.dialog .embeddialog .share_tabbox textarea.copypaste {
width: 328px;
height: auto;
}
.dialog .embeddialog textarea.copypaste {
width: 292px;
height: auto;
}
.dialog .embeddialog textarea.copypaste#html_code {
margin: 0 0 8px 0;
}
.itemholder {
}
.itemholder .scrolllist {
overflow-x: hidden;
overflow-y: auto;
margin-top: 4px;
border: 1px solid #cccccc;
}
.itemholder .itemlist {
height: 150px;
background-color: #ffffff;
}
.itemholder .itemlist .item {
clear: both;
width: 500px;
padding: 6px 0 12px 0;
line-height: 14px;
}
.itemholder .itemlist .item a.outbound {
color: #333333;
font-weight: normal;
}
.itemholder .itemlist .item > * {
float: left;
}
.itemholder .itemlist .item input {
margin: 6px;
}
.itemholder .itemlist .item .details > *{
display: block;
}
.itemholder .itemlist .item img {
padding-right: 4px;
}
.embed_draft {
padding-top: 4px;
display: block;
}
.embed_type {
overflow: hidden;
height: 70px;
padding-top: 8px;
white-space: nowrap;
}
.embed_type > * {
float: left;
}
.embed_radio {
padding-right: 48px;
padding-bottom: 68px;
background-position: 16px top;
background-repeat: no-repeat;
zoom: 1;
}
.ie .embed_radio {
background-position: 20px top;
padding-right: 42px;
}
.fieldset label.embed_radio > input[type="radio"] {
margin: 0px;
}
.embeddialog .checkboxes.horizontal {
width: auto;
}
.embeddialog .fieldset .horizontal .checkbox {
padding-right: 4px;
}
.foldable {
cursor: pointer;
cursor: hand;
}
.foldable > .clickable {
margin-left: 4px;
}
.share_tabs {
padding-top: 12px;
}
.padder {
padding: 8px 12px 12px 12px;
width: 340px;
}
.authed_svc > label {
padding-bottom: 4px;
display: block;
}
.servicebd {
width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.serviceft {
width: 100%;
line-height: 20px;
text-align: center;
padding-top: 8px;
}
.serviceft > * {
margin: 0 4px 0 4px;
vertical-align: middle;
}
.serviceft > span {
display: inline-block;
}
.embedconfig {
margin: 4px 0 12px 18px;
}
.embedconfig .itemholder .itemlist {
height: 100px;
}
.embeddialog .tabpanel .tabs .tab.selected {
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.embeddialog .tabpanel td.panels {
border: 1px solid #cccccc;
border-top: 0;
}
.embed_type > span {
padding-right: 8px;
}
.size_picker > * {
vertical-align: middle;
}
.size_picker .widthheight {
padding-left: 4px;
}
.size_picker .widthheight input {
margin: 0px 2px;
padding: 1px 2px;
max-width: 30px;
}
.actions.grid {
margin-left: -12px;
}
.actions.grid li {
display: inline;
}
.actions.grid li span.large_icon {
width: 80px;
margin-bottom: 12px;
padding-top: 54px;
}
.actions.list li {
display: block;
width: 100%;
padding-bottom: 4px;
padding-top: 4px;
border-top: 1px solid #cccccc;
}
.actions.list li:first-child {
border-top: 0;
padding-top: 0px;
}
.accountdialog {
padding: 40px;
width: 330px;
}
.accountdialog h1, .accountdialog h2, .accountdialog h3, .accountdialog h4, .accountdialog h5 {
text-align: left;
}
.area {
margin-top: 32px;
}
.area > *:first-child {
margin-bottom: 12px;
}
.embeddialog .area .clickable.right {
font-weight: bold;
float: right;
}
#copypaste, .copypaste_holder {
position: relative;
}
.dialog .stdform.sharefrm {
padding: 16px 0 0 0;
width: 450px;
max-width: 450px;
overflow: hidden;
}
.dialog .stdform.sharefrm table {
border-collapse: collapse;
}
.dialog .sharefrm.fieldset .value .itemholder {
width: 300px;
}
.dialog .sharefrm.fieldset .value .copypaste {
width: 288px;
height: 50px;
overflow: hidden;
}
.dialog .sharefrm.fieldset .value .itemholder .scrolllist {
overflow-y: scroll;
}
.dialog .sharefrm.fieldset .value {
padding-top: 14px;
line-height: 16px;
}
.dialog .sharefrm.fieldset .label {
vertical-align: top;
line-height: 16px;
padding: 14px 10px 0 0;
}
.dialog .sharefrm.fieldset .spacer {
border-bottom-color: transparent;
}
.dialog .sharefrm.fieldset .size_picker > select {
margin: 0;
}
.dialog .sharefrm.fieldset .itemholder {
width: 300px;
overflow: hidden;
}
.dialog .sharefrm.fieldset .itemholder .itemlist {
height: 125px;
}
.dialog .sharefrm.fieldset .itemholder .itemlist .item {
border-top: 1px solid #e6e6e6;
}
.dialog .sharefrm.fieldset .sidepointer .label label {
position: relative;
display: block;
}
.dialog .sharefrm.fieldset tr.slim td {
padding-top: 4px;
}
.dialog .sharefrm.fieldset .sidepointer .label div {
/* background-image: url(icons/arrow_pointer_gray.png); */
background-position: 0 center;
background-repeat: no-repeat;
position: absolute;
right: 0px;
top: -70px;
width: 45px;
height: 95px;
}
.dialog .sharefrm.fieldset .embed_type {
height: 60px;
padding-top: 1px;
padding-left: 1px;
}
.dialog .sharefrm.fieldset .embed_lb_type {
height: 50px;
}
.dialog .sharefrm.fieldset .embed_radio {
padding-bottom: 60px;
padding-right: 50px;
}
.dialog .sharefrm.fieldset .embed_radio.embed_basic {
/* background-image: url(icons/embed_icon_basic_dark.gif); */
}
.dialog .sharefrm.fieldset .embed_radio.embed_details {
/* background-image: url(icons/embed_icon_details_dark.gif); */
}
.dialog .sharefrm.fieldset .embed_radio.embed_grid {
/* background-image: url(icons/embed_icon_grid_dark.gif); */
}
.dialog .sharefrm.fieldset .embed_radio.embed_list {
/* background-image: url(icons/embed_icon_list_dark.gif); */
}
.dialog .sharefrm.fieldset .embed_lb_type .embed_radio {
background-position: 0px 20px;
padding-right: 16px;
margin-left: 4px;
}
.dialog .sharefrm.fieldset .embed_radio.embed_slideshow {
/* background-image: url(icons/embed/embed_collection_slideshow_46x26.gif); */
}
.dialog .sharefrm.fieldset .embed_radio.embed_carousel {
/* background-image: url(icons/embed/embed_collection_carousel_58x26.gif); */
}
.dialog .sharefrm.fieldset .embed_radio.embed_lb_grid {
/* background-image: url(icons/embed/embed_collection_grid_54x26.gif); */
}
.dialog #codelabel {
padding: 0 0 50px 0;
}
.dialog #codelabel.loading {
background-position: center center;
}
.dialog .sharefrm.fieldset .spacer {
padding-top: 12px;
}
.dialog .sharefrm.fieldset hr {
display: block;
margin: 0;
padding: 0;
border: none;
border-top: 1px solid #888888;
}
ul.actions > li {
padding: 2px 0;
line-height: 16px;
}
.saveit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -684px;  */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.deleteit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1020px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.lookbookit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -558px; */
height: 16px;    padding-right: 20px; 
line-height: 16px;
}
.sendit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -738px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.likeit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1182px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sponsored_likeit {
/* background: url(icons/cr/gray/favorite.gif) no-repeat 0 0; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.account_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1092px; */
height: 16px;    line-height: 16px;
padding-right: 20px;
}
.badge_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -756px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.createit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -720px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.editit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -720px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.embedit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -756px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
#approveit, #rejectit, .approveit, .rejectit {
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
#approveit, .approveit {
/* background-image: url(icons/cr/green/check.gif); */
}
#rejectit, .rejectit {
/* background-image: url(icons/cr/red/close.gif); */
}
.submitit, .voteit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -864px; */
height: 16px;    line-height: 16px;
padding-right: 20px;
}
.mailbox_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -738px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.comment_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -630px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.clipper_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -666px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.organizer_btn {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -810px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.abuse {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -792px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.styleit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -882px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.actions .rule {
/* background-image: url(icons/cr/lblue/check.gif); */
background-position: left center;
background-repeat: no-repeat;
padding: 2px 2px 2px 20px;
line-height: 16px;
}
.feed {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -918px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.facebook {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1408px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.twitter {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1480px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.blogger {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1390px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.tumblr {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1462px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.blogit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1128px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.emailit {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -414px; */
height: 16px;    padding-right: 20px;
line-height: 16px;
}
.sprite.flickr {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1426px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sprite.typepad {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1498px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sprite.photobucket {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1444px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sprite.wordpress {
/* background: url(img/sprites/icons_20110315.gif) no-repeat 0 -1516px; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sprite.stumbleupon {
/* background: url(icons/social/stumbleupon.gif) no-repeat 0 0; */
height: 16px;    padding-left: 20px;
line-height: 16px;
}
.sprite.pinterest {
/* background-image: url(/rsrc/icons/social/pinterest.png); */
padding-left: 41px;
height: 20px;
margin-top: -2px;
margin-right: 4px;
}
.facebook_like {
width: 240px;
height: 20px;
border: 0;
overflow: hidden;
float: left;
margin-top: -2px;
}
.ie .facebook_like {
height: 21px;
}
.facebook_like_compact {
width: 47px;
height: 20px;
border: 0;
overflow: hidden;
vertical-align: middle;
margin-top: -2px;
}
.following {
color: #888888;
}
.btn.following {
text-align: center;
}
.action_facebook {
display: inline-block;
position: relative;
width: 240px;
}
.actions .action_facebook {
margin-left: 8px;
}
.actions > span:first-child {
margin-left: 0px;
}
.action_facebook .facebook_like {
position: absolute;
top: -13px;
}
.sprite.like {
padding-left: 20px;
height: 16px;
background-size: 16px 16px;
background-image: url();
background-repeat: no-repeat;
}
.sprite.like.faved {
background-image: url();
}
ul.new_actions > li {
padding: 0;
margin-bottom: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #333333;
}
ul.new_actions > li:first-child {
font-weight: bold;
}
ul.new_actions .btn {
display: block;
padding: 6px;
font-size: 12px;
}
ul.new_actions > li > ul.inline > li {
float: left;
position: relative;
min-height: 28px;
padding: 0;
margin: 0;
margin-right: 8px;
}
ul.new_actions .facebook_like {
width: 100px;
height: 21px;
margin-top: 4px;
}
ul.new_actions .sprite {
width: 14px;
height: 14px;
padding: 0;
margin: 0 8px 0 0;
background-repeat: no-repeat;
background-position: center center;
}
ul.new_actions .disabled .sprite {
opacity: 0.5;
}
ul.new_actions ul.inline .sprite {
margin-right: 0;
padding: 1px;
}
ul.new_actions .likeit {
/* background-image: url(icons/14px/heart_empty_14x14_de0000.png); */
}
ul.new_actions .faved .likeit {
/* background-image: url(icons/14px/heart_14x14_de0000.png); */
}
ul.new_actions .editit {
/* background-image: url(icons/14px/edit_14x14_000000.png); */
}
ul.new_actions .blockit,
ul.new_actions .deleteit {
/* background-image: url(icons/14px/x_14x14_000000.png); */
}
ul.new_actions .promoteit {
/* background-image: url(icons/14px/up_14x14_4fa319.png); */
}
ul.new_actions .unpromoteit {
/* background-image: url(icons/14px/down_14x14_888888.png); */
}
ul.new_actions .showcaseit,
ul.new_actions .lookbookit {
/* background-image: url(icons/14px/plus_14x14_000000.png); */
}
ul.new_actions .playit {
/* background-image: url(icons/14px/right_triangle_14x14_000000.png); */
}
ul.new_actions .embedit,
ul.new_actions .blogit {
/* background-image: url(icons/14px/share_14x14_000000.png); */
}
ul.new_actions .twitter {
/* background-image: url(icons/14px/twitter_14x14_000000.png); */
}
ul.new_actions .tumblr {
/* background-image: url(icons/14px/tumblr_14x14_000000.png); */
}
ul.new_actions .emailit {
/* background-image: url(icons/14px/email_14x14_000000.png); */
}
ul.new_actions ul.inline .sprite.pinterest {
width: 41px;
height: 20px;
padding: 0;
margin-top: 4px;
background-position: left top;
background-repeat: no-repeat;
}
.highlighter_chrome {
border: 1px solid #cccccc;
background-color: #ffffff;
margin: 2px 0;
padding: 4px;
}
.highlighter {
margin: 0;
padding: 0;
display: block;
position: relative;
overflow: hidden;
zoom: 1;
}
.highlighter * {
font-size: 12px;
line-height: 14px;
font-family: Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.highlighter .highlight {
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
white-space: -pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
z-index: 0;
margin: 0px;
padding: 0;
border: none;
width: 100%;
position: absolute;
left: 0;
top: 0;
color: transparent;
background-color: transparent;
}
.ie .highlighter .highlight {
visibility: hidden;
}
.ie .highlighter .highlight span {
zoom: 1;
visibility: visible;
}
.ie .highlighter .highlight pre {
display: inline;
font-family: Arial, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
}
.highlighter textarea {
position: relative;
z-index: 1;
margin: 0;
padding: 0;
border: none;
width: 100%;
background-color: transparent;
-webkit-appearance: none;
resize: none;
}
.highlighter textarea:focus {
outline: none;
}
.highlight .found {
background-color: #fff1a8;
}
.ie .highlight .found {
color: #fff1a8;
}
.highlight .notfound {
}
.ie .highlight .notfound {
color: #ffffff;
}
.find_and_invite {
text-align: left;
}
.find_and_invite h2 {
font-size: 1.5em;
margin-bottom: 24px;
}
.find_and_invite .footer {
margin-top: 40px;
}
.find_friends .rec_follow {
padding-bottom: 8px;
margin-bottom: 8px;
}
.find_friends .last_row {
padding-bottom: 0px;
margin-bottom: 0px;
}
.find_friends .rec_follow .info .name {
overflow: hidden;
max-height: 2.4em;
}
.find_friends .rec_follow .icon {
margin-right: 8px;
}
.find_friends .rec_follow .icon img {
border: 1px solid #e6e6e6;
padding: 4px;
}
.find_friends .rec_follow .info {
width: 192px;
}
.find_friends .rec_follow .info .meta {
overflow: hidden;
white-space: nowrap;
}
.find_friends {
text-align: left;
vertical-align: top;
position: relative;
margin-top: 20px;
}
.find_and_invite .hd {
position: relative;
padding-top: 9px;
}
.find_friends .friend_recos {
margin-top: 8px;
}
.find_and_invite .friends_table {
width: 440px;
overflow-y: auto;
overflow-x: hidden;
border: 1px solid #cccccc;
padding: 6px;
margin-top: 8px;
height: 152px;
}
.find_friends .friends_overlay {
background-color: #f1f1f1;
opacity: 0.80;
position: absolute;
width: 104%;
height: 110%;
top: -5%;
left: -2%
}
.find_friends .friends_allow_btn {
position: absolute;
left: 30%;
top: 40%;
}
.find_friends .follow_action {
margin-top: 4px;
}
.find_friends .no_recommendations {
padding-top: 12px;
padding-bottom: 12px;
}
.friends_table td {
padding: 2px;
width: 50%;
vertical-align: top;
}
.members_you_may_know ul {
font-size: 1.0em;
line-height: 1.6em;
}
.members_you_may_know_link {
font-weight: bold;
}
.invite {
padding-right: 14px;
text-align: left;
vertical-align: top;
position: relative;
margin-top: 30px;
}
.invite .select_all_select_none {
margin-top: 4px;
}
.invite_contact {
padding: 4px;
white-space: nowrap;
overflow: hidden;
width: 192px;
}
.invite_contact .valign_middle {
vertical-align: middle;
}
.services_dialog {
width: 380px;
}
.services_dialog .btn {
margin-top: 4px;
margin-bottom: 12px;
}
.services .right {
text-align: right;
}
.services .actions.grid {
margin-left: -12px;
}
.services .actions.grid li {
display: inline;
}
.services .actions.grid li span.large_icon {
width: 80px;
margin-bottom: 12px;
padding-top: 54px;
}
.services .area {
margin-top: 8px;
}
.services .area > *:first-child {
margin-bottom: 48px;
}
.find_friends .following {
color: #888888;
}
.find_friends .following:hover {
cursor: pointer;
text-decoration: underline;
}
.services_icon {
line-height: 16px;
padding: 4px 0 4px 20px;
}
/*
.twitter_icon {
background: url(icons/social/twitter.gif) no-repeat left center;
}
.tumblr_icon {
background: url(icons/social/tumblr.gif) no-repeat left center;
}
.blogger_icon {
background: url(icons/social/blogger.gif) no-repeat left center;
}
.facebook_icon {
background: url(icons/social/facebook.gif) no-repeat left center;
}
.flickr_icon {
background: url(icons/social/flickr.gif) no-repeat left center;
}
.typepad_icon {
background: url(icons/social/typepad.gif) no-repeat left center;
}
.photobucket_icon {
background: url(icons/social/photobucket.gif) no-repeat left center;
}
.wordpress_icon {
background: url(icons/social/wordpress.gif) no-repeat left center;
}
.yahoo_icon {
background: url(icons/social/yahoomail.gif) no-repeat left center;
}
.google_icon {
background: url(icons/social/gmail.gif) no-repeat left center;
}
.hotmail_icon {
background: url(icons/social/hotmail.gif) no-repeat left center;
}*/
.large_icon {
width: 50px;
padding-top: 50px;
background-repeat: no-repeat;
background-position: 50% 0;
text-align: center;
}
span.large_icon {
display: inline-block;
}
.large_icon.facebook {
/* background-image: url(icons/social/large/facebook.png); */
}
.large_icon.twitter {
/* background-image: url(icons/social/large/twitter.png); */
}
.large_icon.blogger {
/* background-image: url(icons/social/large/blogger.png); */
}
.large_icon.tumblr {
/* background-image: url(icons/social/large/tumblr.png); */
}
.large_icon.wordpress {
/* background-image: url(icons/social/large/wordpress.png); */
}
.large_icon.yahoo {
/* background-image: url(icons/social/large/yahoomail.png); */
}
.large_icon.google {
/* background-image: url(icons/social/large/gmail.png); */
}
.large_icon.hotmail {
/* background-image: url(icons/social/large/hotmail.png); */
}
.btn_action.btn_connect {
font-size: 14px;
font-weight: bold;
width: 278px;
}
